﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="SimpleForm_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title></title>

	<script type="text/javascript">
		function tabs_ActiveTabIndexChanged()
		{
			if ($("tabs").get_Object().get_ActiveTabIndex() == 1)
				$("dlp").get_Object().Display();
		}
	</script>

</head>
<body>
	<form id="form1" runat="server">
	<t:Manager runat="server">
		<Includes>
			<t:StyleFileInclude Src="~/Res/CSS/Main.css" />
			<t:StyleFileInclude Src="~/Tabs/tabs.css" />
		</Includes>
		<Scenarios>
		</Scenarios>
	</t:Manager>
	<div>
		<t:TabContainer runat="server" ID="tabs" Height="200" CssClass="tabs">
			<ActiveTabIndexChanged Client="tabs_ActiveTabIndexChanged" />
			<Panels>
				<t:TabPanel runat="server" ID="tpFirst" Header-Text="First">
					<p>
						This is loaded upon page render.
					</p>
				</t:TabPanel>
				<t:TabPanel runat="server" ID="tpSecond" Header-Text="Second">
					<t:DelayedLoadPanel runat="server" ID="dlp">
						<Initial>
							<Template>
								<p>
									Not loaded yet. Please wait...</p>
							</Template>
						</Initial>
						<Content>
							<Template>
								<p>
									This is loaded after user switches to the second tab panel.
								</p>
							</Template>
						</Content>
					</t:DelayedLoadPanel>
				</t:TabPanel>
			</Panels>
		</t:TabContainer>
	</div>
	</form>
</body>
</html>
